<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>TODO supply a title</title>
    </head>
    <h:body>
        <ui:composition template="WEB-INF/template/master.xhtml">
            <ui:define name="content">
                <h1>JSF-AJAX-Charts-Beispiele</h1>
                <h:form id="spielForm">
                    <h:panelGrid  columns="1">
                        <p:growl id="growl" showDetail="true" />

                        <p:pieChart value="#{bean.pieModel}" legendPosition="w"
                                    title="Interactive Pie Chart" style="width:400px;height:300px">
                            <p:ajax event="itemSelect" listener="#{bean.itemSelect}" update="growl" />
                        </p:pieChart>

                        <p:barChart value="#{bean.ceartesianModel}" legendPosition="ne"
                                    title="Interactive Bar Chart" style="height:300px">
                            <p:ajax event="itemSelect" listener="#{bean.itemSelect}" update="growl" />
                        </p:barChart>
                    </h:panelGrid>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
